<template>
    <el-card class="box-card">
        <el-col :span="24" class="stockAction">
            <h3>调整库存注意事项</h3>
            <div>数量为正是增加库存，反之是减少库存</div>
        </el-col>
        <el-form :model="StockItemsEditForm" :rules="rules" ref="StockItemsEditForm">
            <el-form-item prop="number" label="调整数目">
                <el-input v-model.number="StockItemsEditForm.number" type="number"></el-input>
            </el-form-item>
        </el-form>
        <el-col :span="24" class="toolPage">
            <el-button type="primary">确认并调整库存</el-button>
            <el-button style="float: right" @click="returnStockItems">返回</el-button>
        </el-col>
    </el-card>
</template>
<style>
    .stockAction {
        background-color: #13CE66;
        height: 80px;
        color: #fff;
        padding-left: 15px;
        margin-bottom: 10px;
    }
</style>
<script>
    export default {
        data() {
            return {
                StockItemsEditForm: {
                    number: ''
                },
                rules: {
                    number: [
                        { required: true, message: '请输入调整数目' }
                    ]
                }
            }
        },
        methods: {
            returnStockItems() {
                this.$router.push('/stock_items');
            }
        }
    }

</script>